<Layout style="height: 100%" class="main">
  <Sider hide-trigger collapsible :width="210" :collapsed-width="64" v-model="collapsed">
    <side-menu accordion :active-name="$route.name" :collapsed="collapsed" @on-select="turnToPage" :menu-list="menuList">
      <!-- 需要放在菜单上面的内容，如Logo，写在side-menu标签内部，如下 -->
      <div class="logo-con">
        <img v-show="!collapsed" src="ui/assets/images/logo.png" key="max-logo" />
        <img v-show="collapsed" src="ui/assets/images/logo-min.png" key="min-logo" />
      </div>
    </side-menu>

  </Sider>
  <Layout>
    <Header class="header-con" :style="{position: 'relative'}">
      <main-header :collapsed="collapsed" @on-change="handleCollapsedChange">
        <full-screen v-model="isFullscreen" style="margin-right: 10px;" />
        <user-info :user-avator="userAvator" />
      </main-header>
    </Header>
    <Content>
      <Layout>
        <div class="tag-nav-wrapper">
          <nav-tag :value="$route" @input="handleClick" :list="tagNavList" @on-close="handleCloseTag" />
        </div>
        <Content class="content-wrapper" style="padding:10px">
          <keep-alive :include="cacheList">
            <router-view/>
          </keep-alive>
        </Content>
      </Layout>
    </Content>
  </Layout>
</Layout>